<template>
  <el-popover placement="left-end" trigger="hover" width="500">
    <div class="remarkBox">
      <div class="remarkList">
        <p v-for="(item, index) in remarkLsit" :key="index" class="r_p">
          {{ item }}
        </p>
      </div>
    </div>
    <div class="remarkList" slot="reference">
      <template v-for="(item, index) in remarkLsit">
        <p :key="index" class="r_p" v-if="index < 2">
          {{ item }}
        </p>
      </template>
    </div>
  </el-popover>
</template>
<script>
import { getTagList } from "@/utils/util";
export default {
  name: "ConditionRemark",
  props: {
    list: {
      type: Array,
      default: function () {
        return [];
      },
    },
  },
  watch: {
    list: {
      handler: function (n) {
        this.remarkLsit = n || [];
      },
      immediate: true,
    },
  },
  data() {
    return {
      remarkLsit: [],
      getTagList: (str, id) => getTagList(str, id),
    };
  },
  methods: {},
};
</script>
<style lang="scss" scoped>
</style>